<template>
  <!-- 我的工作台 -->
  <div class="panel">
    <!-- <span>我的工作台</span> -->
    <van-grid column-num="3" icon-size="40px">
      <van-grid-item
        v-for="(item, index) in gridItem"
        :key="index"
        :icon="item.icon"
        :url="item.url"
        :text="item.text"
      >
      </van-grid-item>
    </van-grid>
  </div>
</template>

<script>
export default {
  data() {
    return {
      gridItem: [
        // {
        //   icon: "../../../static/icon/shouji.png",
        //   url: "/pages/collect/main",
        //   text: "信息收集",
        // },
        // {
        //   icon: "../../../static/icon/userInfo.png",
        //   url: "/pages/userInfo/theme/main",
        //   text: "人员信息",
        // },
        {
          icon: "../../../static/icon/dingweidaka1.png",
          url: "/pages/check/main",
          text: "考勤打卡",
        },
        // {
        //   icon: "../../../static/icon/qingjia.png",
        //   url: "/pages/leave/theme/main",
        //   text: "请假",
        // },
        // {
        //   icon: "../../../static/icon/jiaban.png",
        //   url: "/pages/overtime/theme/main",
        //   text: "加班",
        // },
        // {
        //   icon: "../../../static/icon/sure.png",
        //   url: "/pages/sure/main",
        //   text: "通知确认",
        // },
        // {
        //   icon: "../../../static/icon/kaohedafen.png",
        //   url: "/pages/grade/main",
        //   text: "我的打分",
        // },
      ],
    };
  },
};
</script>

<style scoped>
.panel {
  margin: 20rpx;
  background-color: #fff;
}
.panel span {
  font-size: 25rpx;
  font-weight: 500;
  margin-left: 20rpx;
}
</style>